import React from 'react';
import { Row, PageHeader } from 'antd';
import ConditionTable from './conditionTable/ConditionTable';
import EnvVarDescription from './envVarDescription/EnvVarDescription';

export default function details({ conditions, env }) {
  return (
    <>
      <Row>
        <PageHeader
          style={{
            border: '1px solid rgb(235, 237, 240)',
          }}
          title="部署状态"
          subTitle="服务部署的详细状态"
        />
        <ConditionTable dataSource={conditions} />
      </Row>
      <Row>
        <PageHeader
          style={{
            border: '1px solid rgb(235, 237, 240)',
          }}
          title="环境变量"
          subTitle="服务的环境变量"
        />
        <EnvVarDescription dataSource={env} />
      </Row>
    </>
  );
}
